		<script type="text/javascript" src="jquery/jquery.min.js"></script>
        <style type="text/css">
        	#lightbox{
				display:none;
        		background:#000000;
				opacity:0.9;
				filter:alpha(opacity=90);
        		position:absolute;
				top:0px;
				left:0px;
				min-width:100%;
				min-height:100%;
				z-index:1000;
        	}
			#lightbox-panel{
				display:none;
				position:fixed;
				top:20px;
				left:30%;
				margin-left:-200px;
				width:70%;
				background:#FFFFFF;
				padding:10px 15px 10px 15px;
				border:2px solid #CCCCCC;
				z-index:1001;
				height: 90%;
			}
		</style>

		<script type="text/javascript">
			$(document).ready(function(){
				$("a#show-panel").click(function(){
					$("#lightbox, #lightbox-panel").fadeIn(300);
				})
				$("a#close-panel").click(function(){
					$("#lightbox, #lightbox-panel").fadeOut(300);
				})
			})
		</script>


<div id="lightbox-panel">

	<div id="profile">

		<div id="profilePic">
			<img src="<?php echo $result['image'];?>" width="100" height="150">
		</div>

		<div id="">

		</div>
	
	</div>
	
	<p align="center">
		<a id="close-panel" href="#">Close this window</a>
	</p>
</div>

<div id="lightbox" style="width: 100%; height: 1247px;"></div>